body{
    background: rgb(240,245,245);
}
.top{
    overflow: hidden;
}
.top p{
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.75rem;
    background: rgb(235,240,240) url("../imgs/jiantou.png") no-repeat 103% 11px;
    background-size: 12px 14px;
    padding: 10px 0;
}
.top p:last-child{
    background-size: 0px;
}
.top p.active{
    color: rgb(255,144,48);
}
.center{
    font-size: 0.7rem;
    background: white;
    padding: 24px 0 30px 0;
    text-align: center;
}
.center p{
    margin-top: 6px;
}
.center p:first-child{
    font-size: 0.8rem;
    color: red;
}
.center p:nth-child(2){
    margin-top: 10px;
}
.center p:nth-child(2) span{
    color: rgb(255,144,48);
}
.bot{
    font-size: 0.75rem;
    background: white;
    margin-top: 10px;
    overflow: hidden;
}
.bot .title{
    color: rgb(47,178,159);
    padding: 10px;
    border-bottom: 1px solid rgb(240,245,245);
}
.bot .left{
    width: 93%;
    box-sizing: border-box;
    float: left;
}
.bot .left li{
    font-size: 0.7rem;
   height: 45px ;
   line-height: 45px;
   border-bottom: 1px solid rgb(240,245,245);
   padding: 0 0 0 45px;
}
.bot .left li:first-child{
    background: url("../imgs/icon.png") no-repeat 10px -237px;
    background-size: 512px;
}
.bot .left li:nth-child(2){
    background: url("../imgs/icon.png") no-repeat 10px -287px;
    background-size: 512px;
}
.bot .left li:nth-child(3){
    background: url("../imgs/icon.png") no-repeat 10px -334px;
    background-size: 512px;
}
.bot .red{
    color: red;
}
.bot .right{
    float: right;
    width: 7%;
    box-sizing: border-box;
}
.bot .right li{
    height: 45px ;
    line-height: 45px;
    border-bottom: 1px solid rgb(240,245,245);
}
.bot .right li img{
    float: right;
    width: 16px;
    vertical-align: middle;
    padding-top: 15px;
    padding-right: 10px;
}
